Creating the Control Panel

There are a few steps when creating a hyperceive professional control panel.

Step One

Create the images required for the panel. In the example on the left the panel was created using a combination of Adobe Illustrator and Adobe Photoshop. The initial shape was constructed in Illustrator then finished in Photoshop.

The following images show how the image is divided into 3 layers - the background layer, the layer with buttons in the on state and the layer with buttons in the off state.

Legal Disclaimer